{% extends 'base.html' %}
{% load form_helpers %}

{% block content %}
    <form action="" method="post" enctype="multipart/form-data" class="h-100 vstack">
        {% csrf_token %}
        <div class="row align-content-start flex-fill">
            <div class="col-md-6 offset-md-3">
                <h3 class="mb-16">{% block title %}Example App Configuration{% endblock title %}</h3>
                <p>
                    A Nautobot App can implement this page if it has various configuration options that make sense to
                    view and/or update via the web UI (as opposed to configuring them under <code>PLUGINS_CONFIG</code>
                    in <code>nautobot_config.py</code>). The below is just a simple example.
                </p>
                {% block form %}
                    <div class="card">
                        <div class="card-header"><strong>Configuration Options</strong></div>
                        <div class="card-body">
                            {% block form_fields %}
                                {% render_form form %}
                            {% endblock %}
                        </div>
                    </div>
                {% endblock form %}
            </div>
        </div>
        <div class="nb-form-sticky-footer">
            <button type="submit" class="btn btn-primary">
                <span aria-hidden="true" class="mdi mdi-check me-4"></span><!--
                -->Update Configuration
            </button>
        </div>
    </form>
{% endblock content %}
